<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		*{
			margin: 0;
			padding: 0;
		}
		div{
	        margin: 30px;
			width: 230px;
			border: 1px solid gray;
			box-sizing: border-box;
		}
		p{
			border-bottom: 2px dashed #D3D3FF;
			background: linear-gradient(#D3D3FF,#FFFFFF);
			padding: 26px;
		}
		li{
			list-style: none;
			line-height: 26px;
			padding: 26px;
		}
		span{
			font-weight: bold;
		}
		a:link{
			text-decoration: none;
			color: #000000;
		}
		a:hover{
			color: darkred;
		}
		</style>
	  </head>
	<body>
		<div>
			<p>京东快报</p>
			<ul>
			<li><a href="#"><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>	
			<li><a href="#"><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
			<li><a href="#"><span>[特惠]</span>4688元抢iPhone 6</a></li>
			<li><a href="#"><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
	      </ul>
		  </div>
	</body>
</html>
